
<script setup>
import { ref, reactive } from 'vue';
import { useRouter } from 'vue-router';
import axios from '@/server';

import { useCatagoryStore } from '@/stores/catagory.js'
let { catagoryData, activeLevel } = useCatagoryStore();

const router = useRouter();
const currentRoute = ref(router.currentRoute);

const getcatagoryList = async () => {
    let res = await axios({
        method: 'post',
        url: '/api/index/getPcFileType',
    })
    catagoryData.list = res.data || [];
}
// 获取分类数据
getcatagoryList();
const toCatagoryPage = (level1, level2, level3,) => {
    catagoryData.currentLevel = level3;
    catagoryData.level0 = catagoryData.list;
    catagoryData.level1 = level1
    catagoryData.level2 = level2
    catagoryData.level3 = level2.childlist[0]
    if (currentRoute.path != '/catagory') {
        router.push({
            path: '/catagory',
        })
    }
    activeLevel.level0Id = level1.id

}
const loginData = reactive({
    dialogVisible: false,
    switchLogin: true
})

const openLoginDialog = () => {
    loginData.dialogVisible = true;
}

</script>
<template>
    <!-- 登录弹框 -->
    <el-dialog v-model="loginData.dialogVisible" title="" width="738px" class="login-dialog-container mo-pc-login-popup">
        <div class="my-popup">
            <div class="content">
                <div class="intro">
                    <img src="@/assets/img/person.png" alt="" class="person">
                </div>
                <div class="login">
                    <div class="wechat-login common-login" v-if="loginData.switchLogin == true">
                        <div class="login-title">
                            <img
                                src="">
                            <div>微信扫码登录</div>
                            <img src=""
                                class="last-login">
                        </div>
                        <div class="qr-content">
                            <img src="https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket=gQF98TwAAAAAAAAAAS5odHRwOi8vd2VpeGluLnFxLmNvbS9xLzAyWGNWZndiNENkSkMxR0hndTFCY0QAAgQnjZ5lAwSEAwAA"
                                class="qrcode">
                            <img src="@/assets/img/tip-img.png" class="tip-image">
                        </div>
                        <div class="tip">微信点击关注公众号完成登录</div>
                    </div>
                    <div class="phone-login common-login" v-else>
                        <div class="login-title">
                            <img
                                src="">
                            <div>验证码登录</div>
                        </div>
                        <div class="input-content"><input type="text" placeholder="请输入正确的手机号" class="phone">
                            <div class="sms-content"><input type="text" class="sms-text">
                                <div class="sms-btn">获取验证码</div>
                            </div>
                            <div class="login-btn">登录</div>
                        </div>
                    </div>

                    <div class="change-login-type" @click="loginData.switchLogin = !loginData.switchLogin">
                        <img src=""
                            class="icon"> 手机登录/注册
                    </div>
                    <div class="protocols"> 登录即代表已阅读并同意 <div class="line">服务协议</div>
                        <div class="line">隐私政策</div>
                    </div>
                </div>

            </div>
        </div>
    </el-dialog>
    <div style="height: 70px;">
        <div class="mo-navbar">
            <div class="logo-content"><img src="@/assets/img/logo_wtx.png" class="logo">
                <div class="logo-text"><img src="@/assets/img/logo_text.png">
                    提高您的办公效率 </div>
            </div>
            <div class="categories-content"><img
                    src=""
                    alt="分类按钮" class="categories-img"> 全部分类 </div>
            <div class="mo-search-box search-content" style="--h: 40px;">
                <div class="el-select file-type">
                    <div class="el-input el-input--suffix">
                        <!-- readonly="readonly" -->
                        <input type="text" autocomplete="off" placeholder="请选择" class="el-input__inner"><span
                            class="el-input__suffix"><span class="el-input__suffix-inner"><i
                                    class="el-select__caret el-input__icon el-icon-arrow-up"></i></span></span>
                    </div>
                    <div class="el-select-dropdown el-popper filetype-dropdown" style="display: none; min-width: 110px;">
                        <div class="el-scrollbar" style="">
                            <div class="el-select-dropdown__wrap el-scrollbar__wrap"
                                style="margin-bottom: -22px; margin-right: -22px;">
                                <ul class="el-scrollbar__view el-select-dropdown__list">
                                    <li class="el-select-dropdown__item selected"><span>全部格式</span>
                                    </li>
                                    <li class="el-select-dropdown__item"><span>PPT模板</span></li>
                                    <li class="el-select-dropdown__item"><span>Word模板</span></li>
                                    <li class="el-select-dropdown__item"><span>Excel模板</span></li>
                                </ul>
                            </div>
                            <div class="el-scrollbar__bar is-horizontal">
                                <div class="el-scrollbar__thumb" style="transform: translateX(0%);"></div>
                            </div>
                            <div class="el-scrollbar__bar is-vertical">
                                <div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div>
                            </div>
                        </div>
                    </div>
                </div><input placeholder="搜索精品文档模板">
                <div class="s-btn"><img
                        src="">搜索
                </div>
                <div class="mo-search-helping-panel helping" style="display: none;">
                    <div class="history"><span class="history-title">搜索历史：</span>
                    </div>
                    <div class="rank-item rank-item-1">
                        <div class="num">1</div>
                        <div>保密协议</div>
                    </div>
                    <div class="rank-item rank-item-2">
                        <div class="num">2</div>
                        <div>借款合同</div><img
                            src=""
                            class="hot">
                    </div>
                    <div class="rank-item rank-item-3">
                        <div class="num">3</div>
                        <div>公司章程</div>
                    </div>
                    <div class="rank-item rank-item-4">
                        <div class="num">4</div>
                        <div>劳务合同</div>
                    </div>
                    <div class="rank-item rank-item-5">
                        <div class="num">5</div>
                        <div>合作协议</div>
                    </div>
                    <div class="rank-item rank-item-6">
                        <div class="num">6</div>
                        <div>房屋租赁合同</div><img
                            src=""
                            class="hot">
                    </div>
                    <div class="rank-item rank-item-7">
                        <div class="num">7</div>
                        <div>装修合同</div>
                    </div>
                    <div class="rank-item rank-item-8">
                        <div class="num">8</div>
                        <div>采购合同</div>
                    </div>
                    <div class="rank-item rank-item-9">
                        <div class="num">9</div>
                        <div>公司考勤管理制度</div>
                    </div>
                    <div class="rank-item rank-item-10">
                        <div class="num">10</div>
                        <div>民事起诉状模板</div><img
                            src=""
                            class="hot">
                    </div>
                </div>
            </div>
            <div class="login-content">
                <div class="avatar-border"><img
                        src=""
                        class="avatar"></div>
                <div class="login-text" @click="openLoginDialog()">
                    <div class="username">未登录</div>
                    <div class="login-type">(点击登录)</div>
                </div>
            </div>
        </div>
        <div class="mo-pc-login-popup"></div>
        <div class="mo-categories-dialog">
            <div class="el-dialog__wrapper" style="display: none;">
                <div role="dialog" aria-modal="true" aria-label="dialog" class="el-dialog custom-categories-dialog"
                    style="margin-top: 68px; width: 1000px;">
                    <div class="el-dialog__header"><span class="el-dialog__title"></span></div>
                </div>
            </div>
        </div>
    </div>
    <div class="mo-types view">
        <div class="categories block">
            <div class="the-1st-categories-content">
                <div class="category-item category-item-1st category-item-choosed  category-item-1st-choosed">合同协议</div>
                <div class="category-item category-item-1st">Word模板</div>
                <div class="category-item category-item-1st">PPT模板</div>
                <div class="category-item category-item-1st">简历</div>
                <div class="category-item category-item-1st">Excel模板</div>
            </div>
            <div class="the-2nd-categories-content">
                <div class="category-item category-item-2nd category-item-choosed category-item-2nd-choosed ">公司设立</div>
                <div class="category-item category-item-2nd">公司经营</div>
                <div class="category-item category-item-2nd">经济买卖</div>
                <div class="category-item category-item-2nd">个人合同</div>
            </div>
            <div class="the-3rd-categories-content">
                <div class="category-item category-item-choosed">股东协议</div>
                <div class="category-item">IPO上市</div>
                <div class="category-item">出资协议</div>
                <div class="category-item">合作合同</div>
                <div class="category-item">发起人协议</div>
                <div class="category-item">认购协议</div>
                <div class="category-item">基金合同</div>
            </div>
            <div class="the-4th-categories-content">
                <div class="category-item" style="color: black;">内容: </div>
                <div class="category-item category-item-choosed"> 全部 </div>
                <div class="category-item">股份转让</div>
                <div class="category-item">入股协议</div>
                <div class="category-item">股份协议</div>
                <div class="category-item">代持股协议</div>
                <div class="category-item">股权合同</div>
                <div class="category-item">股权转让</div>
            </div>
        </div>
        <div class="sort-types block">
            <div class="sort-type sort-type-checked" style="padding-left: 0px;">综合排序</div>
            <div class="sort-type sort-type-spilt">热门下载</div>
            <div class="sort-type sort-type-spilt">最新上传</div>
        </div>
        <div class="mo-file-card-list block" style="--w: 300px; --c: 4;">
            <div class="grid-list">
                <div class="wrapper">
                    <div class="mo-file-card my-card-item">
                        <div class="card-title"><img src="@/assets/img/word_icon.png" class="file-icon">
                            <div class="card-title-text">
                                <div class="main-text">代持股协议</div>
                                <div class="subtitle-text">doc<span>|</span>A4标准打印<span>|</span>可修改</div>
                            </div>
                        </div>
                        <div class="good-image-content"><img src="http://file.zhiniceshi.com/mo_file/good_image/1372.jpg"
                                alt="代持股协议" class="good-image">
                            <div class="show-hover">
                                <div class="mo-large-btn btn" style="--w: 85%;">
                                    <img src=""
                                        class="icon"> 点击下载
                                </div>
                            </div>
                        </div>
                        <div class="bottom">
                            <div class="bottom-text">代持股协议</div>
                        </div>
                    </div>
                </div>
                <div class="wrapper">
                    <div class="mo-file-card my-card-item">
                        <div class="card-title"><img src="@/assets/img/word_icon.png" class="file-icon">
                            <div class="card-title-text">
                                <div class="main-text">代持股协议个人持股</div>
                                <div class="subtitle-text">doc<span>|</span>A4标准打印<span>|</span>可修改</div>
                            </div>
                        </div>
                        <div class="good-image-content"><img src="http://file.zhiniceshi.com/mo_file/good_image/1373.jpg"
                                alt="代持股协议个人持股" class="good-image">
                            <div class="show-hover">
                                <div class="mo-large-btn btn" style="--w: 85%;">
                                    <img src=""
                                        class="icon"> 点击下载
                                </div>
                            </div>
                        </div>
                        <div class="bottom">
                            <div class="bottom-text">代持股协议个人持股</div>
                        </div>
                    </div>
                </div>
                <div class="wrapper">
                    <div class="mo-file-card my-card-item">
                        <div class="card-title"><img src="@/assets/img/word_icon.png" class="file-icon">
                            <div class="card-title-text">
                                <div class="main-text">委托持股协议-代持股协议-模版</div>
                                <div class="subtitle-text">doc<span>|</span>A4标准打印<span>|</span>可修改</div>
                            </div>
                        </div>
                        <div class="good-image-content"><img
                                src="http://file.zhiniceshi.com/mo_file/good_image/20231124/11685.jpg" alt="委托持股协议-代持股协议-模版"
                                class="good-image">
                            <div class="show-hover">
                                <div class="mo-large-btn btn" style="--w: 85%;">
                                    <img src=""
                                        class="icon"> 点击下载
                                </div>
                            </div>
                        </div>
                        <div class="bottom">
                            <div class="bottom-text">委托持股协议-代持股协议-模版</div>
                        </div>
                    </div>
                </div>
                <div class="wrapper">
                    <div class="mo-file-card my-card-item">
                        <div class="card-title"><img src="@/assets/img/word_icon.png" class="file-icon">
                            <div class="card-title-text">
                                <div class="main-text">代持股协议-(修改版)</div>
                                <div class="subtitle-text">doc<span>|</span>A4标准打印<span>|</span>可修改</div>
                            </div>
                        </div>
                        <div class="good-image-content"><img
                                src="http://file.zhiniceshi.com/mo_file/good_image/20231124/11675.jpg" alt="代持股协议-(修改版)"
                                class="good-image">
                            <div class="show-hover">
                                <div class="mo-large-btn btn" style="--w: 85%;">
                                    <img src=""
                                        class="icon"> 点击下载
                                </div>
                            </div>
                        </div>
                        <div class="bottom">
                            <div class="bottom-text">代持股协议-(修改版)</div>
                        </div>
                    </div>
                </div>
                <div class="wrapper">
                    <div class="mo-file-card my-card-item">
                        <div class="card-title"><img src="@/assets/img/word_icon.png" class="file-icon">
                            <div class="card-title-text">
                                <div class="main-text">代持股协议8-8</div>
                                <div class="subtitle-text">doc<span>|</span>A4标准打印<span>|</span>可修改</div>
                            </div>
                        </div>
                        <div class="good-image-content"><img
                                src="http://file.zhiniceshi.com/mo_file/good_image/20231124/11676.jpg" alt="代持股协议8-8"
                                class="good-image">
                            <div class="show-hover">
                                <div class="mo-large-btn btn" style="--w: 85%;">
                                    <img src=""
                                        class="icon"> 点击下载
                                </div>
                            </div>
                        </div>
                        <div class="bottom">
                            <div class="bottom-text">代持股协议8-8</div>
                        </div>
                    </div>
                </div>
                <div class="wrapper">
                    <div class="mo-file-card my-card-item">
                        <div class="card-title"><img src="@/assets/img/word_icon.png" class="file-icon">
                            <div class="card-title-text">
                                <div class="main-text">委托代持股协议</div>
                                <div class="subtitle-text">doc<span>|</span>A4标准打印<span>|</span>可修改</div>
                            </div>
                        </div>
                        <div class="good-image-content"><img
                                src="http://file.zhiniceshi.com/mo_file/good_image/20231124/32085.jpg" alt="委托代持股协议"
                                class="good-image">
                            <div class="show-hover">
                                <div class="mo-large-btn btn" style="--w: 85%;">
                                    <img src=""
                                        class="icon"> 点击下载
                                </div>
                            </div>
                        </div>
                        <div class="bottom">
                            <div class="bottom-text">委托代持股协议</div>
                        </div>
                    </div>
                </div>
                <div class="wrapper">
                    <div class="mo-file-card my-card-item">
                        <div class="card-title"><img src="@/assets/img/word_icon.png" class="file-icon">
                            <div class="card-title-text">
                                <div class="main-text">代持股协议-(修改版)</div>
                                <div class="subtitle-text">doc<span>|</span>A4标准打印<span>|</span>可修改</div>
                            </div>
                        </div>
                        <div class="good-image-content"><img
                                src="http://file.zhiniceshi.com/mo_file/good_image/20231124/23879.jpg" alt="代持股协议-(修改版)"
                                class="good-image">
                            <div class="show-hover">
                                <div class="mo-large-btn btn" style="--w: 85%;">
                                    <img src=""
                                        class="icon"> 点击下载
                                </div>
                            </div>
                        </div>
                        <div class="bottom">
                            <div class="bottom-text">代持股协议-(修改版)</div>
                        </div>
                    </div>
                </div>
                <div class="wrapper">
                    <div class="mo-file-card my-card-item">
                        <div class="card-title"><img src="@/assets/img/word_icon.png" class="file-icon">
                            <div class="card-title-text">
                                <div class="main-text">代持股确认协议</div>
                                <div class="subtitle-text">doc<span>|</span>A4标准打印<span>|</span>可修改</div>
                            </div>
                        </div>
                        <div class="good-image-content"><img
                                src="http://file.zhiniceshi.com/mo_file/good_image/20231124/11681.jpg" alt="代持股确认协议"
                                class="good-image">
                            <div class="show-hover">
                                <div class="mo-large-btn btn" style="--w: 85%;">
                                    <img src=""
                                        class="icon"> 点击下载
                                </div>
                            </div>
                        </div>
                        <div class="bottom">
                            <div class="bottom-text">代持股确认协议</div>
                        </div>
                    </div>
                </div>
                <div class="wrapper">
                    <div class="mo-file-card my-card-item">
                        <div class="card-title"><img src="@/assets/img/word_icon.png" class="file-icon">
                            <div class="card-title-text">
                                <div class="main-text">委托代持股协议</div>
                                <div class="subtitle-text">doc<span>|</span>A4标准打印<span>|</span>可修改</div>
                            </div>
                        </div>
                        <div class="good-image-content"><img src="http://file.zhiniceshi.com/mo_file/good_image/1377.jpg"
                                alt="委托代持股协议" class="good-image">
                            <div class="show-hover">
                                <div class="mo-large-btn btn" style="--w: 85%;">
                                    <img src=""
                                        class="icon"> 点击下载
                                </div>
                            </div>
                        </div>
                        <div class="bottom">
                            <div class="bottom-text">委托代持股协议</div>
                        </div>
                    </div>
                </div>
                <div class="wrapper">
                    <div class="mo-file-card my-card-item">
                        <div class="card-title"><img src="@/assets/img/word_icon.png" class="file-icon">
                            <div class="card-title-text">
                                <div class="main-text">代持股协议8-8</div>
                                <div class="subtitle-text">doc<span>|</span>A4标准打印<span>|</span>可修改</div>
                            </div>
                        </div>
                        <div class="good-image-content"><img
                                src="http://file.zhiniceshi.com/mo_file/good_image/20231124/32080.jpg" alt="代持股协议8-8"
                                class="good-image">
                            <div class="show-hover">
                                <div class="mo-large-btn btn" style="--w: 85%;">
                                    <img src=""
                                        class="icon"> 点击下载
                                </div>
                            </div>
                        </div>
                        <div class="bottom">
                            <div class="bottom-text">代持股协议8-8</div>
                        </div>
                    </div>
                </div>
                <div class="wrapper">
                    <div class="mo-file-card my-card-item">
                        <div class="card-title"><img src="@/assets/img/word_icon.png" class="file-icon">
                            <div class="card-title-text">
                                <div class="main-text">上市公司代持股协议</div>
                                <div class="subtitle-text">docx<span>|</span>A4标准打印<span>|</span>可修改</div>
                            </div>
                        </div>
                        <div class="good-image-content"><img
                                src="http://file.zhiniceshi.com/mo_file/good_image/20231124/23839.jpg" alt="上市公司代持股协议"
                                class="good-image">
                            <div class="show-hover">
                                <div class="mo-large-btn btn" style="--w: 85%;">
                                    <img src=""
                                        class="icon"> 点击下载
                                </div>
                            </div>
                        </div>
                        <div class="bottom">
                            <div class="bottom-text">上市公司代持股协议</div>
                        </div>
                    </div>
                </div>
                <div class="wrapper">
                    <div class="mo-file-card my-card-item">
                        <div class="card-title"><img src="@/assets/img/word_icon.png" class="file-icon">
                            <div class="card-title-text">
                                <div class="main-text">委托代持股协议</div>
                                <div class="subtitle-text">doc<span>|</span>A4标准打印<span>|</span>可修改</div>
                            </div>
                        </div>
                        <div class="good-image-content"><img
                                src="http://file.zhiniceshi.com/mo_file/good_image/20231124/11683.jpg" alt="委托代持股协议"
                                class="good-image">
                            <div class="show-hover">
                                <div class="mo-large-btn btn" style="--w: 85%;">
                                    <img src=""
                                        class="icon"> 点击下载
                                </div>
                            </div>
                        </div>
                        <div class="bottom">
                            <div class="bottom-text">委托代持股协议</div>
                        </div>
                    </div>
                </div>
                <div class="wrapper">
                    <div class="mo-file-card my-card-item">
                        <div class="card-title"><img src="@/assets/img/word_icon.png" class="file-icon">
                            <div class="card-title-text">
                                <div class="main-text">代持股协议(模版)</div>
                                <div class="subtitle-text">docx<span>|</span>A4标准打印<span>|</span>可修改</div>
                            </div>
                        </div>
                        <div class="good-image-content"><img
                                src="http://file.zhiniceshi.com/mo_file/good_image/20231124/32079.jpg" alt="代持股协议(模版)"
                                class="good-image">
                            <div class="show-hover">
                                <div class="mo-large-btn btn" style="--w: 85%;">
                                    <img src=""
                                        class="icon"> 点击下载
                                </div>
                            </div>
                        </div>
                        <div class="bottom">
                            <div class="bottom-text">代持股协议(模版)</div>
                        </div>
                    </div>
                </div>
                <div class="wrapper">
                    <div class="mo-file-card my-card-item">
                        <div class="card-title"><img src="@/assets/img/word_icon.png" class="file-icon">
                            <div class="card-title-text">
                                <div class="main-text">代持股协议(模版)</div>
                                <div class="subtitle-text">docx<span>|</span>A4标准打印<span>|</span>可修改</div>
                            </div>
                        </div>
                        <div class="good-image-content"><img
                                src="http://file.zhiniceshi.com/mo_file/good_image/20231124/11674.jpg" alt="代持股协议(模版)"
                                class="good-image">
                            <div class="show-hover">
                                <div class="mo-large-btn btn" style="--w: 85%;">
                                    <img src=""
                                        class="icon"> 点击下载
                                </div>
                            </div>
                        </div>
                        <div class="bottom">
                            <div class="bottom-text">代持股协议(模版)</div>
                        </div>
                    </div>
                </div>
                <div class="wrapper">
                    <div class="mo-file-card my-card-item">
                        <div class="card-title"><img src="@/assets/img/word_icon.png" class="file-icon">
                            <div class="card-title-text">
                                <div class="main-text">股东入股协议</div>
                                <div class="subtitle-text">docx<span>|</span>A4标准打印<span>|</span>可修改</div>
                            </div>
                        </div>
                        <div class="good-image-content"><img
                                src="http://file.zhiniceshi.com/mo_file/good_image/20231124/23952.jpg" alt="股东入股协议"
                                class="good-image">
                            <div class="show-hover">
                                <div class="mo-large-btn btn" style="--w: 85%;">
                                    <img src=""
                                        class="icon"> 点击下载
                                </div>
                            </div>
                        </div>
                        <div class="bottom">
                            <div class="bottom-text">股东入股协议</div>
                        </div>
                    </div>
                </div>
                <div class="wrapper">
                    <div class="mo-file-card my-card-item">
                        <div class="card-title"><img src="@/assets/img/word_icon.png" class="file-icon">
                            <div class="card-title-text">
                                <div class="main-text">委托持股(代持股)协议的格式</div>
                                <div class="subtitle-text">doc<span>|</span>A4标准打印<span>|</span>可修改</div>
                            </div>
                        </div>
                        <div class="good-image-content"><img
                                src="http://file.zhiniceshi.com/mo_file/good_image/20231124/11684.jpg" alt="委托持股(代持股)协议的格式"
                                class="good-image">
                            <div class="show-hover">
                                <div class="mo-large-btn btn" style="--w: 85%;">
                                    <img src=""
                                        class="icon"> 点击下载
                                </div>
                            </div>
                        </div>
                        <div class="bottom">
                            <div class="bottom-text">委托持股(代持股)协议的格式</div>
                        </div>
                    </div>
                </div>
                <div class="wrapper">
                    <div class="mo-file-card my-card-item">
                        <div class="card-title"><img src="@/assets/img/word_icon.png" class="file-icon">
                            <div class="card-title-text">
                                <div class="main-text">上市公司代持股协议范本</div>
                                <div class="subtitle-text">docx<span>|</span>A4标准打印<span>|</span>可修改</div>
                            </div>
                        </div>
                        <div class="good-image-content"><img
                                src="http://file.zhiniceshi.com/mo_file/good_image/20231124/23840.jpg" alt="上市公司代持股协议范本"
                                class="good-image">
                            <div class="show-hover">
                                <div class="mo-large-btn btn" style="--w: 85%;">
                                    <img src=""
                                        class="icon"> 点击下载
                                </div>
                            </div>
                        </div>
                        <div class="bottom">
                            <div class="bottom-text">上市公司代持股协议范本</div>
                        </div>
                    </div>
                </div>
                <div class="wrapper">
                    <div class="mo-file-card my-card-item">
                        <div class="card-title"><img src="@/assets/img/word_icon.png" class="file-icon">
                            <div class="card-title-text">
                                <div class="main-text">代持股转让协议范本</div>
                                <div class="subtitle-text">docx<span>|</span>A4标准打印<span>|</span>可修改</div>
                            </div>
                        </div>
                        <div class="good-image-content"><img src="http://file.zhiniceshi.com/mo_file/good_image/1332.jpg"
                                alt="代持股转让协议范本" class="good-image">
                            <div class="show-hover">
                                <div class="mo-large-btn btn" style="--w: 85%;">
                                    <img src=""
                                        class="icon"> 点击下载
                                </div>
                            </div>
                        </div>
                        <div class="bottom">
                            <div class="bottom-text">代持股转让协议范本</div>
                        </div>
                    </div>
                </div>
                <div class="wrapper">
                    <div class="mo-file-card my-card-item">
                        <div class="card-title"><img src="@/assets/img/word_icon.png" class="file-icon">
                            <div class="card-title-text">
                                <div class="main-text">代持股协议、股权代持协议(简洁完整版)</div>
                                <div class="subtitle-text">docx<span>|</span>A4标准打印<span>|</span>可修改</div>
                            </div>
                        </div>
                        <div class="good-image-content"><img
                                src="http://file.zhiniceshi.com/mo_file/good_image/20231124/32081.jpg"
                                alt="代持股协议、股权代持协议(简洁完整版)" class="good-image">
                            <div class="show-hover">
                                <div class="mo-large-btn btn" style="--w: 85%;">
                                    <img src=""
                                        class="icon"> 点击下载
                                </div>
                            </div>
                        </div>
                        <div class="bottom">
                            <div class="bottom-text">代持股协议、股权代持协议(简洁完整版)</div>
                        </div>
                    </div>
                </div>
                <div class="wrapper">
                    <div class="mo-file-card my-card-item">
                        <div class="card-title"><img src="@/assets/img/word_icon.png" class="file-icon">
                            <div class="card-title-text">
                                <div class="main-text">代持股协议、股权代持协议(简洁完整版)</div>
                                <div class="subtitle-text">docx<span>|</span>A4标准打印<span>|</span>可修改</div>
                            </div>
                        </div>
                        <div class="good-image-content"><img
                                src="http://file.zhiniceshi.com/mo_file/good_image/20231124/23880.jpg"
                                alt="代持股协议、股权代持协议(简洁完整版)" class="good-image">
                            <div class="show-hover">
                                <div class="mo-large-btn btn" style="--w: 85%;">
                                    <img src=""
                                        class="icon"> 点击下载
                                </div>
                            </div>
                        </div>
                        <div class="bottom">
                            <div class="bottom-text">代持股协议、股权代持协议(简洁完整版)</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="mo-pagination">
            <div class="page-item edge-item disable-item">上一页</div>
            <div class="page-item page-item-check">1</div>
            <div class="page-item">2</div>
            <div class="page-item">3</div>
            <div class="page-item">4</div>
            <div class="page-item">5</div>
            <div class="page-item">6</div>
            <div class="page-item">...</div>
            <div class="page-item">32</div>
            <div class="page-item edge-item">下一页</div>
        </div>
    </div>
    <div class="mo-footer">
        <div class="services">
            <div class="service-item"><img
                    src="">全站精品
            </div>
            <div class="service-item"><img
                    src="">高速下载
            </div>
            <div class="service-item"><img
                    src="">优质服务
            </div>
            <div class="service-item"><img
                    src="">下载即用
            </div>
        </div>
        <div class="content">
            <div class="c-left">
                <div class="logo-content"><img src="@/assets/img/logo_wtx.png" class="logo">
                    <div class="logo-text"><img src="@/assets/img/logo_text.png"> 提高您的办公效率 </div>
                </div>
                <div class="links-and-copyright">
                    <div class="links">
                        <div>网站声明</div>
                        <div>侵权处理</div>
                        <div>关于我们</div>
                    </div>
                    <div style="margin-top: 15px;"><a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">
                            鄂ICP备2023009755号-1
                        </a>&nbsp;武汉市紫裕科技有限公司版权所有 </div>
                </div>
            </div>
            <div class="qr"><img class="gzh-qr-img" src="http://file.zhiniceshi.com/transfer/prod/202281183834"> 关注官方微信公众号
            </div>
        </div>
    </div>
    <div class="mo-site-right-float-block">
        <div class="vip"><img
                src=""
                class="vip-icon"> 限时VIP<br>优惠 </div>
        <div class="standard collect"><img
                src=""
                class="icon collect0-icon"><img
                src=""
                class="icon collect-icon"> 收藏本站 <div class="collect-tip">
                <div style="margin-bottom: 10px;">快速收藏本站</div>
                <div><span>Ctrl</span> + <span>D</span></div>
            </div>
        </div>
        <div class="standard top"><img
                src=""
                class="icon top0-icon"><img
                src=""
                class="icon top-icon"> 置顶 </div>
    </div>
    <div class="mo-pc-checkcounter"></div>
    <div class="mo-pc-login-popup"></div>
    <div class="agreement">
        <div tabindex="-1" class="el-drawer__wrapper my-drawer" id="services_agreement" style="display: none;">
            <div role="document" tabindex="-1" class="el-drawer__container">
                <div aria-modal="true" aria-labelledby="el-drawer__title" aria-label="服务协议" role="dialog" tabindex="-1"
                    class="el-drawer rtl" style="width: 30%;">
                    <header id="el-drawer__title" class="el-drawer__header"><span role="heading"
                            title="服务协议">服务协议</span><button aria-label="close 服务协议" type="button"
                            class="el-drawer__close-btn"><i class="el-dialog__close el-icon el-icon-close"></i></button>
                    </header>
                </div>
            </div>
        </div>
        <div tabindex="-1" class="el-drawer__wrapper my-drawer" id="privacy_policy" style="display: none;">
            <div role="document" tabindex="-1" class="el-drawer__container">
                <div aria-modal="true" aria-labelledby="el-drawer__title" aria-label="隐私政策" role="dialog" tabindex="-1"
                    class="el-drawer rtl" style="width: 30%;">
                    <header id="el-drawer__title" class="el-drawer__header"><span role="heading"
                            title="隐私政策">隐私政策</span><button aria-label="close 隐私政策" type="button"
                            class="el-drawer__close-btn"><i class="el-dialog__close el-icon el-icon-close"></i></button>
                    </header>
                </div>
            </div>
        </div>
    </div>
</template>
<style>

.login-dialog-container {
    border-radius: 6px;
}

.el-dialog__header {
    display: none;
}

.el-dialog__body {
    padding: 0;
}
</style>